<template>
  <div>
    <!-- 我的页面 -->
    <div class="my-card">
      <img
        src="http://yanxuan.nosdn.127.net/8945ae63d940cc42406c3f67019c5cb6.png"
        alt=""
      />
      <div>
        <p></p>
        <p>用户</p>
      </div>
    </div>

    <van-grid :column-num="3">
      <van-grid-item>
          <span @click="todo">我的订单</span>
      </van-grid-item>
      <van-grid-item>
          <span>优惠券</span>
      </van-grid-item>
      <van-grid-item>
          <span>我的足迹</span>
      </van-grid-item>
      <van-grid-item>
          <span>我的收藏</span>
      </van-grid-item>
      <van-grid-item @click="goAddress">
          <span>地址管理</span>
      </van-grid-item>
      <van-grid-item>
          <span>联系客服</span>
      </van-grid-item>
      <van-grid-item>
          <span>帮助中心</span>
      </van-grid-item>
      <van-grid-item>
          <span>意见反馈</span>
      </van-grid-item>
    </van-grid>

        <tabbar></tabbar>

  </div>
</template>

<script>
import tabbar from "@/components/tabbar.vue"

export default {
  data() {
    return {

    };
  },
  components:{
        tabbar
    },
  computed: {

  },
  created() {
      
  },
  mounted() {
      
  },
  methods: {
      goAddress(){
        this.$router.push("/mine/address")
      },
      todo(){
        this.$router.push("/home/categorylist")
      }
  },
};
</script>



<style lang="scss">
body{
  background-color: #F4F4F4;
}
.van-grid-item{
  border: none;
  border-right: .01333rem solid rgba(0,0,0,.15);
    border-bottom: .01333rem solid rgba(0,0,0,.15);
}
.van-grid-item__content{
  padding: 25px 0;
}
</style>


<style scoped lang="scss">
    // 头部个人信息
.my-card {
  width: 100%;
  height: 140px;
  padding: 0 15px;
  background-color: #333;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.my-card img {
  float: left;
  border-radius: 50%;
  width: 74px;
  height: 74px;
}
.my-card div p {
  color: #fff;
  margin-left: 15px;
  font-size: 14px;
}





</style>
